<template>
	<view class=" content">
		<view class="result">
			<view class="result-tittle">
				<image src="http://hgry.oss-cn-hangzhou.aliyuncs.com/imgs/imgs/zhifuchenggong%402x.png" mode=""></image>
				支付成功
			</view>
			<view class="result-price">实付￥200.00+10U点</view>
			<view class="result-buttons">
				<view class="result-buttons-l" @tap="goIndex()">返回首页</view>
				<view class="result-buttons-r">查看订单</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		data() {
			return {
				totalPrice: '400+10U点'
			}
		},
		onLoad() {

		},
		methods: {
			goIndex() {
				uni.switchTab({
					url:'../../index/index'
				})
			}
		}
	}
</script>

<style>
	page {
		background: rgba(245, 245, 245, 1);
	}

	.content {
		width: 100%;
		height: 100%;
	}

	.result {
		width: 100%;
		height: 170px;
		background: linear-gradient(135deg, rgba(245, 109, 65, 1) 0%, rgba(245, 57, 70, 1) 100%);
	}

	.result-tittle {
		width: 100%;
		height: 30px;
		text-align: center;
		font-size: 21px;
		font-family: PingFangSC-Medium, PingFangSC;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		line-height: 30px;
		padding-top: 30px;
	}

	.result-tittle image {
		width: 15px;
		height: 15px;
		margin-right: 5px;
	}

	.result-price {
		width: 100%;
		height: 20px;
		text-align: center;
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFangSC;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
		line-height: 20px;
		padding-top: 10px;
	}

	.result-buttons {
		height: 30px;
		display: flex;
		margin: 25px 85px 30px 85px;
		position: relative;
	}

	.result-buttons-l {
		width: 90px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 30px;
		border: 1px solid rgba(255, 255, 255, 1);
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFangSC;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
	}
	
	.result-buttons-r {
		width: 90px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		border-radius: 30px;
		border: 1px solid rgba(255, 255, 255, 1);
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFangSC;
		font-weight: 400;
		color: rgba(255, 255, 255, 1);
		position: absolute;
		right: 0;
	}
</style>
